﻿@import "variables";

.msacademic .actions-wrapper									{ width: auto; display: inline-block; line-height: 23px; }											
.msacademic .actions-wrapper span.info							{ font-size: 11px; color: @border-base-color; text-align: left; float: left;  }
.msacademic .actions-wrapper a									{ display: inline-block; background-color: @grey-base; color: white; .action-text-style; }
.msacademic .actions-wrapper a i								{ padding-left: 10px; line-height: 19px; }
.msacademic .actions-wrapper a:hover							{ background-color: lighten(@grey-base, 10%); }
.msacademic .actions-wrapper a:active							{ background-color: darken(@grey-base, 10%); }
.msacademic .actions-wrapper a.positive							{ background-color: @green-base; }
.msacademic .actions-wrapper a.positive:hover					{ background-color: lighten(@green-base, 5%); }
.msacademic .actions-wrapper a.positive:active					{ background-color: darken(@green-base, 10%); }
.msacademic .actions-wrapper a.negative							{ background-color: @red-base; }
.msacademic .actions-wrapper a.negative:hover					{ background-color: lighten(@red-base, 5%); }
.msacademic .actions-wrapper a.negative:active					{ background-color: darken(@red-base, 10%); }
.msacademic .actions-wrapper a.special							{ background-color: @blue-base; }
.msacademic .actions-wrapper a.special:hover					{ background-color: lighten(@blue-base, 5%); }
.msacademic .actions-wrapper a.special:active					{ background-color: darken(@blue-base, 10%); }


.msacademic .pagination-wrapper									{ width: auto; display: inline-block; }
.msacademic .pagination-wrapper li								{ display: inline-block; }
.msacademic .pagination-wrapper li a							{ display: block; background-color: @grey-base; color: white; .action-text-style; }
.msacademic .pagination-wrapper li a:hover						{ background-color: @orange-base; }
.msacademic .pagination-wrapper li.ui-state-selected a			{ background-color: @orange-base; }
.msacademic .pagination-wrapper li a:active						{ background-color: darken(@orange-base, 10%); }
.msacademic .pagination-wrapper li.ui-element-navi				{ padding: 0 10px 0 10px; }
.msacademic .pagination-wrapper li.ui-element-navi a			{ background-color: @orange-base; }
.msacademic .pagination-wrapper li.ui-element-navi a:hover		{ background-color: @green-base; }
.msacademic .pagination-wrapper li.ui-element-navi a:active		{ background-color: darken(@green-base, 10%); }


.msacademic .list-wrapper li									{ position: relative; }
.msacademic .list-wrapper li a.item								{ display: block; padding: 10px; color: @text-base; border-bottom: 1px solid lighten(@border-base-color, 15%); }
.msacademic .list-wrapper li a.item:hover						{ border-color: @blue-base; background-color: lighten(@bg-base, 1%); color: @blue-base; }
.msacademic .list-wrapper li .actions-wrapper					{ display: none; font-size: 70%; position: absolute; top: 4px; right: 0; }
.msacademic .list-wrapper li:hover .actions-wrapper				{ display: block; }
.msacademic .list-wrapper li.hidden								{ opacity: 0.2; }
.msacademic .list-wrapper li.hidden:hover						{ opacity: 0.7; }

.msacademic .tag-cloud-wrapper									{ position: relative; }
.msacademic .tag-cloud-wrapper li								{ display: inline-block; margin-right: 15px; line-height: 23px;  }
.msacademic .tag-cloud-wrapper li:hover							{ }
.msacademic .tag-cloud-wrapper li a								{ padding: 5px 10px; display: block; float:left; border: 1px solid transparent;}
.msacademic .tag-cloud-wrapper li a:hover						{ border-color: @orange-base; }						

.msacademic .tag-cloud-wrapper li a.bound						{ background-color: @green-base; color: white; }
.msacademic .tag-cloud-wrapper li a.bound:hover					{ border-color: darken(@green-base, 10%); }

.msacademic .tag-cloud-wrapper li a.edit						{ display: inline-block; padding: 5px 10px;  }
.msacademic .tag-cloud-wrapper li			a.delete			{ display: inline-block; overflow: hidden; opacity: 0.3; padding: 5px; }
.msacademic .tag-cloud-wrapper li:hover		a.delete			{ background-color: @orange-base; opacity: 1.0; }				
.msacademic .tag-cloud-wrapper li:hover		a.delete:hover		{ background-color: lighten(@orange-base, 10%); }
.msacademic .tag-cloud-wrapper li:hover		a.delete:active		{ background-color: darken(@orange-base, 10%); }